<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // 这里是写 JS 的地方
    // 需求分析：
    //   1. 弹出带输入框的弹窗
    //   2. 根据不同的钱数，弹窗提示请吃不同的食物


    // prompt('提示文字') 可以通过变量接收输入框的内容
    var money = prompt('钱包中的金额是')

    // 测试代码，把输入框接收到的内容打印到页面中
    // document.write(money)

    // 涉及到多种情况的程序，可以使用 分支 语句 if else
    // 如果 钱数 大于等于 2000，就吃西餐

    // 语法：
    // if(条件){
    //   条件满足时，要执行的代码
    // }

    if (money >= 2000) {
      // alert() 普通弹出框
      alert('请大家吃西餐吧~')
    } else if (money >= 1500) {
      alert('请大家吃快餐吧~')
    } else if (money >= 1000) {
      alert('请大家和饮料吧~')
    } else if (money >= 500) {
      alert('请大家和棒棒糖吧~')
    } else {
      // 以上情况都不满足，就执行最后的 else
      alert('下次一定~')
    }



  </script>
</body>

</html>